<!DOCTYPE html>
<html lang="zh-CN" ng-app="ngRouteExample">
<head>
<meta charset="UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Route demo</title>

<link rel="icon" href="../img/panda.png"></link>
<!-- Bootstrap core CSS -->
<link href="../css/core/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="../css/welcome.css" rel="stylesheet">
</head>
<body>

	<div ng-controller="MainController">
	  Choose:
	  <a href="Book/Moby">Moby</a> |
	  <a href="Book/Moby/ch/1">Moby: Ch1</a> |
	  <a href="Book/Gatsby">Gatsby</a> |
	  <a href="Book/Gatsby/ch/4?key=value">Gatsby: Ch4</a> |
	  <a href="Book/Scarlet">Scarlet Letter</a><br/>
	
	  <div ng-view></div>
	
	  <hr />
	
	  <pre>$location.path() = {{$location.path()}}</pre>
	  <pre>$route.current.templateUrl = {{$route.current.templateUrl}}</pre>
	  <pre>$route.current.params = {{$route.current.params}}</pre>
	  <pre>$route.current.scope.name = {{$route.current.scope.name}}</pre>
	  <pre>$routeParams = {{$routeParams}}</pre>
	</div>
  <script type="text/javascript" src="../js/plugin/jquery/jquery-2.1.4.min.js"></script>
  <!-- Placed at the end of the document so the pages load faster -->
  <script type="text/javascript" src="../js/plugin/bootstrap/bootstrap.min.js"></script>
  <script type="text/javascript" src="../js/plugin/angularjs/angular.min.js"></script>
  <script type="text/javascript" src="../js/plugin/angularjs/angular-route.min.js"></script>
  <script type="text/javascript" src="../js/business/routeDemo.js"></script>
  <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  <script type="text/javascript" src="../js/business/ie10-viewport-bug-workaround.js"></script>
</body>
</htm>